<template>
    <div class="resume-container">
        <div class="resume-header">
            <div style="display: flex;justify-content: flex-start;align-items: center;">
                <div class="avatar-container">
                    <el-avatar :size="80"
                        src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar>

                </div>

                <div style="margin-left: 20px;">
                    <p><span style="margin-right: 30px;">{{ resume.name }}</span> {{ resume.age }}岁 | {{ resume.gender
                        }} | {{ resume.education }} | 5年</p>
                    <p>联系电话: {{ resume.phone }} 邮箱地址: {{ resume.email }}</p>
                </div>
            </div>


        </div>

        <div class="resume-section">
            <h4>个人优势</h4>
            <p>{{ resume.advantages }}</p>

            <h4>求职意向</h4>
            <p>职位名称: {{ resume.jobTitle }}, 期望薪资: {{ resume.salary }}</p>
            <p>工作地点: {{ resume.location }}, 所属行业: {{ resume.industry }}</p>

            <h4>工作经验</h4>
            <ul>
                <li v-for="(work, index) in resume.workExperiences" :key="index">
                    <h4>{{ work.company }}</h4>
                    <p>{{ work.position }}, {{ work.startDate }} - {{ work.endDate }}</p>
                    <p v-html="work.description"></p>
                </li>
            </ul>

            <!-- <h4>项目经验</h4>
            <ul>
                <li v-for="(project, index) in resume.projectExperiences" :key="index">
                    <h4>{{ project.projectName }}</h4>
                    <p>{{ project.role }}, {{ project.startDate }} - {{ project.endDate }}</p>
                    <p v-html="project.description"></p>
                </li>
            </ul> -->

            <h4>教育经历</h4>
            <ul>
                <li v-for="(education, index) in resume.educations" :key="index">
                    <h4>{{ education.school }}</h4>
                    <p>{{ education.degree }}, {{ education.startDate }} - {{ education.endDate }}</p>
                    <p>{{ education.major }}</p>
                </li>
            </ul>

            <h4>技能证书</h4>
            <ul>
                <li v-for="(skill, index) in resume.skills" :key="index">
                    <p>{{ skill.name }}</p>
                    <p>{{ skill.level }}</p>
                </li>
            </ul>
        </div>
        <el-row style="text-align: center;">
            <el-button>返回</el-button>
            <el-button type="primary">下载</el-button>

        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {
            resume: {
                name: '林晓霞',
                age: '32',
                education: '大专',
                gender: '女',
                phone: '188 2322 8514',
                email: '353833847@qq.com',
                advantages: `以前总以为，只要自我尽心尽力的把本职工作做好就行了，不需要别人明白，与别人无关。其实则不然，采购
业务牵涉范围广，相关部门多，除了与每个供应商之间的沟通之外，更是需要企业内部各个有关部门的密切配
合的一项全面工作，与生产，营销，财务，质保，仓储等部门有着千丝万缕、错综复杂的关系，且需要掌握这
些部门的相关知识。采购的工作远不像想象中的那么简单，它是一门杂学，需要多方面的知识和经验，在与这
些部门不断地接触与合作中，使我的专业知识、各种知识及人际沟通，协调本事，分析与表达本事有了突飞猛
进的发展。
在今后的无论什么工作中，我都会认真负责，不懂就问，不会就学，只有上进心强、勤于学习才能不断提高自
身的能力与综合素质。我会以我自身最好的工作状态，投入到工作中。也会不断的提高自己的工作能力，与公
司同步发展。`,
                jobTitle: '面料辅料开发/采购专员',
                salary: '6500 元/月 (可面议)',
                location: '东莞',
                industry: '其他生产、制造、加工',
                workExperiences: [
                    // ... 省略之前的工作经历  
                    {
                        company: '明门（中国）幼童用品有限公司',
                        position: '采购专员/助理',
                        startDate: '2022-07',
                        endDate: '2024-04',
                        description: `
                        <p>负责公司产品零件，询价，大货，专案，MCN 变更的报价</p>
                        <p>1、审核供应商报价是否合理，以及价格是否最优化，与供应商的比价、议价、沟通工作。</p>
                        <p>2、及时掌握产品市场价格及行情变化，降低采购成本</p>
                        <p>3、完成公司领导安排及其他部门需要配合的相关工作。</p>
                        `
                    },
                    {
                        company: '东莞市君凯家具公司',
                        position: '面料辅料开发/采购专员',
                        startDate: '2016-08',
                        endDate: '2022-06',
                        description: `
                        <p>1.负责五金，塑胶、木板、纸箱、泡棉、弹簧、面料、辅料等物料的采购。</p>
                        <p>2.物料下单（若有新产品，货比三家。根据物料品质，价格，及厂商的交货周期配合度择优下单）</p>
                        <p>3.按生产需求跟踪物料到厂情况，与不良品的处理。</p>
                        <p>4.每月账单对账以及催收供应商发票。</p>
                        <p>5.定期对供应商进行合格审查。</p>
                        <p>6.以及其他采购工作事项</p>
                        <p>人事工作主要负责：</p>
                        <p>1、负责员工人事档案管理,并按所在分厂、部门分类存放。</p>
                        <p>2、协助员工招聘的面试,报到及解聘手续的办理,接待引领新进员工；新进员工试用期的跟踪考核,晋升提薪及转
正合同的签订并形成相应档案资料，执行并完善员工入职、转正、异动、离职等相关政策及流程；</p>
<p>3、负责统计汇总,上报员工考勤月报表,处理考勤异常情况；负责员工薪酬发放的异常处理和薪酬政策的跟踪调
查,提供相应的报表和资料</p>
<p>4、负责草拟,解释公司的福利保险制度,组织办理入保手续,联络退保,理赔事务。</p>
<p>5、其他人事日常工作</p>
                        `
                    },
                ],
                projectExperiences: [
                    {
                        projectName: '项目A',
                        role: '项目助理',
                        startDate: '2022.03',
                        endDate: '2022.10',
                        description: '负责项目A的文档整理与数据分析工作...'
                    },
                    // ... 添加其他项目经验  
                ],
                educations: [
                    {
                        school: '广西外国语学院',
                        degree: '大专',
                        startDate: '2013.09',
                        endDate: '2019.06',
                        major: '音乐表演'
                    },
                    {
                        school: '忻城县中学',
                        degree: '高中',
                        startDate: '2010.09',
                        endDate: '2013.06',
                        major: '理科'
                    },
                    {
                        school: '思练初级中学',
                        degree: '初中',
                        startDate: '2007.09',
                        endDate: '2010.06',
                        major: '初中'
                    },
                    // ... 添加其他教育经历  
                ],
                skills: [
                    {
                        name: '能熟练使用 电脑/Office 办公软件/ERP 等',
                        level: '熟练'
                    },

                    // ... 添加其他技能证书  
                ]
            }
        };
    }
};
</script>

<style lang="scss" scoped>
h4 {
    background-color: #fff;
    padding: 10px 0 10px 20px;
    font-weight: bold;
    border-radius: 16px;
}

.resume-container {
    width: 60%;
    margin: auto;
    padding: 20px;
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
}

.resume-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}

.resume-info {
    flex: 1;
}

.avatar-container {
    float: left;
    margin-right: 20px;
}

.avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}
</style>
